@charset "utf-8";

/* Base Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}


/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 
{
	display: block;
}

:focus {
	outline: 0;
}

img {
	border: 0;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.logo-rb input {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
	display: block;
	_display: inline;
}

.none {
	display: none;
}

.hidden {
	visibility: hidden;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
	*zoom: 1;
}
.db{display: block !important;}
.dn{display: none !important;}
/******************************************************************************************************************************************/

/**布局开始**/

body {
	background:#fff;
}

body,
p {
	font: 14px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif;
	color: #3c3c3c;
}

a {
	color: #333333;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.wrapper .inner {
	/**页面全局宽度**/
	width: 1200px;
	margin: 0 auto;
}

/*新闻列表*/
.post {
	
}
.post .banner {
	margin: 0 auto;
	border-bottom: 2px solid #e7e7e7;
}
.post .banner .title {
	font-size: 20px;
    float: left;
    display: block;
    color: #990004;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    padding-left: 50px;
}

.post .more-btn {
	float: right;
	display: block;
	text-align: center;
	line-height: 38px;
	color: #888888;
}
.post .con {
	margin:0 auto;
	padding: 10px 0;
}
.post .news-list .news {
	overflow: hidden;
	display: block;
	line-height: 35px;
	padding-left: 15px;
	font-size: 16px;
	background: url(images/li_dian.png) left center no-repeat;
}
.post .news-list .news .news-title {
	display: block;
	float: left;
	width: 80%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	text-align: left;

}
.post .news-list .news .news-date {
	display: block;
	float: right;
	width: 20%;
	text-align: right;
}


/*学院新闻*/
.post2 .banner .title{background: url(images/post2_titbg.png) left center no-repeat;}
.post3 .banner .title{background: url(images/post3_titbg.png) left center no-repeat;}
.post4 .banner .title{background: url(images/post4_titbg.png) left center no-repeat;}
.post5 .banner .title{background: url(images/post5_titbg.png) left center no-repeat;}





.post1 *{display:block;}
.post1 .kslj{overflow: hidden;/* border-radius: 10px; */background: #f8f8f8;}
.post1 .kslj li{width: 25%;float: left;padding: 15px 0;/* border: 1px solid #dddddd; */}
.post1 .kslj li a img{margin: 0 auto;}
.post1 .kslj li a{text-align: center;font-size: 16px;line-height: 30px;/* color: #7e97c0; */font-weight: bold;/* margin-top: 15px; */}
.post1 .kslj li .tit{margin-top: 15px;}

.post6{}
.post6 ul{ overflow: hidden;}
.post6 ul li{width: 25%;float: left;}
.post6 ul li a{display: block;text-align:center;}

/*头部*/
#header {}
#header .inner { position: relative;}

.logo {
	position: relative;
	padding: 33px 0;
	overflow: hidden;
}

.logo img {
	max-width: 100%;
	height: auto;
	float: left;
}
.logo-r{float: right; }
.toplink{text-align: right;}
.toplink a{ line-height: 30px;}

.ss{
	
	margin-top: 12px;
	float: right;
}

.ssk {
	float: left;
	width: 0px;
	height: 30px;
	border: 1px solid #990004;
	border-radius: 5px 0 0 5px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	width: 200px;
	transition: all 1s ease .1s;
	-webkit-transition: all 1s ease .1s;
	-moz-transition: all 1s ease .1s;
	-ms-transition: all 1s ease .1s;
	-o-transition: all 1s ease .1s;
}

.ss_btn {
	width: 34px;
	height: 32px;
	border: 1px solid #990004;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	padding: 0;
	margin: 0;
	background:url(images/ss_btn.png) center center no-repeat #990004;
}




/*导航*/
#nav {background: #990004;}
.nav {height: 70px;}
.navList{width:100%;overflow:hidden;}
.navList > li{float:left;width: 12.5%;height:100%;line-height:70px;font-size:18px;background: url(images/nav_li_bg.png) right center no-repeat;}
.navList li a{display:block;text-align:center; color: #FFFFFF;}
.navList li a:hover{background: #f80000; color: #FFFFFF;}

.navList .subnav{ z-index: 100; position: relative; display: none;}
.navList .subnav li{background:rgba(153,0,4,0.5);}
.navList .subnav a{ background: none;line-height: 36px; font-size: 14px; color: #FFFFFF;}

/*汉堡包样式*/
.navBtns{position: absolute; right:0; bottom:0;width:30px;height:30px;background: url(images/menu-button-bg.png) no-repeat center center; background-size: 60% 60%; display:none; }
/*--------------------------- welcome ----------------------------*/
.welcome{width:100%;height:100%;background:#fff;z-index:200;}
.welBox{}
.welList a{font:20px/1em "微软雅黑";color:#333;display:block;text-align: center;padding:15px 0;}
.welList a:hover{color:#EF3333;background:#ccc;}
.comeList{width:100%;display:none;}
.comeList a{font:16px/1em "微软雅黑";display:block;padding:10px 0;}

/*大图*/
.txt {
	z-index: 12;
	display: block;
	bottom: 80px;
	left: 50px;
	position: absolute;
	background:rgba(255,255,255,0.5);
	line-height: 50px;
	filter: alpha(apacity=50);
	color: #005768;
	font-size: 22px;
	padding: 0 20px;
}


/*中间*/
.mod11{margin-top: 20px;}

.mod12{margin-top: 20px;overflow: hidden;}
.mod12l{width: 49%;float: left;}
.mod12r{width: 49%;float: right;}

.mod13{margin-top: 20px;overflow: hidden;}
.mod13l{width: 49%;float: left;}
.mod13r{width: 49%;float: right;}

.mod14{margin: 20px 0;overflow: hidden;}

#mod2{background:#f2f2f2;}
#mod2 .inner .lmbt,#mod2 .inner a,#mod2 .inner i{float: left;line-height: 40px;}
#mod2 .inner .lmbt{ font-size: 15px; font-weight: bold; color:#990004;}
#mod2 .inner a{color:#555555;padding: 0 10px;}


/*页脚*/
#footer {background: #990004;}
#footer .inner {}
.foot {padding: 23px 0;}
.copyright{ line-height: 24px; color: #fff; text-align: center; font-size: 15px; }

/*列表页*/
.col {
	padding-top: 30px;
	padding-bottom: 40px;
}

.col-menu { /**列表页左侧栏目**/
	width:18.33%;
	float:left;
	background: #FFFFFF;
} 

.col-menu-head { /*列表头部*/
	width: 100%;
	margin: 0 auto;
	
}
.col-menu-head .col-name {/**位置栏目字体栏目名称图标**/
	color: #FFFFFF;
	background: #990004;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}



/*多级栏目列表*/
#listdt img{width: 100%;}
.col-menu-con{width: 100%;float: right;}
.col-list  {border: 1px solid #CCCCCC;margin-bottom: 30px;}
.col-list li{}
.col-list .column-1 a {margin: 0 15px;font-weight: 100;color: #000000;display: block;height: 40px;line-height: 40px;font-size: 16px;text-align: center;border-bottom: 1px #cccccc dashed;} 	/**一级子栏目及图标**/
.col-list  .column-1 a:hover,.col-list  .column-1 a.selected {color:#0066be;} 	/**鼠标经过或选中一级子栏目**/
.col-list  .column-1 .wp_subcolumn .column-1-1 a{ height: 26px; line-height: 26px; font-size: 16px;}


.col-news { /**列表页右侧新闻**/
	width:80%; 
	float:right;
	background: #FFFFFF;
} 
.col-news-head {
	margin: 0px;
	border-bottom:1px solid #DDDDDD;
}
 .col-path { /**当前位置**/
	display:inline-block;
	white-space:nowrap;
	height: 40px;
	line-height: 40px;
	text-align: right;
	float: right;
} 
.col-path a {
	color: #999999;
	font-size: 14px;
}

.col-title { /**当前栏目**/
	display:inline-block;
	white-space:nowrap;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 20px;
	color: #ffffff;
	padding: 0px 40px;
	background: #990004;
} 

.col-news-con {
	margin:0px;
	padding: 0 ;
}
.col-news-list {min-height:600px;}
 /**栏目新闻列表**/
.col-news-list  .list_item{ display: block; overflow: hidden; padding: 0 0 0 15px; background: url(images/li_dian.png) left center no-repeat; }
.col-news-list  .list_item *{display: block;height: 45px; line-height: 45px; font-size: 14px;}
.col-news-list  .list_item .news-title{ float: left;}
.col-news-list  .list_item .news-date{ float: right;}
.fenye,.fenye table{margin: 0 auto; text-align: center;}

/*文章页*/
.infobox {
	margin:0px auto;
	background-color:#FFF;
}
.article { padding: 0 20px;min-height:675px;}
.article h1.arti_title { /**文章标题**/
	font-family: Microsoft YaHei;
	text-align:center;
	font-weight: bold;
	font-size: 22px;
	color:#333333;
	line-height: 50px;
} 
.article .arti_metas {
	padding:10px 0;
	text-align:center;
	background: #f4f4f4;
	font-size: 12px;
}
.article .arti_metas span { /**文章其他属性**/
	margin:0 5px; 
	color:#787878;
} 
.article .read{
padding-top: 20px;
}  
.article .read p {
	line-height:2;
	font-size:14px;
	color:#333;
}
.article  .read img { /**文章阅读部分图片大小限制**/
	max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); 
}

.mod1 a:hover,.mod2 a:hover,.mod3 a:hover{color: #FF0000 !important;}


/* 大屏幕（大桌面显示器，小于等于 1200px） */

@media only screen and (max-width: 1199px) {
	.wrapper .inner{width:99%;}
	
	.post6 ul li{width: 33%;}
}
@media only screen and (max-width: 1023px) {
	.logo-r{ display:none;}	
	.post1 ul li{width: 50%;}
	.post .news-list .news .news-title{width: 100%;}
	.post .news-list .news .news-date{display: none;}
}

@media only screen and (max-width: 1024px) {
.txt{ display: none;}
}

/* 小屏幕（平板，小于等于 768px） */
@media only screen and (max-width: 768px) {
	.mod1,.mod2,.mod3{padding: 0;}
	#top{ display: none;}
	.navBtns {display: block;}
	.navList {}
	#nav {display: none;}
	.mod12l,.mod12r,.mod13l,.mod13r{width: 100%;}
	.post .news-list .news .news-title{width: 80%;}
	.post .news-list .news .news-date{display: block;}


	/*列表页*/
	.col-menu{display: none;}
	.col-news{ width: 100%;float: none;}
	
	/*文章页*/
	.read #vsb_content_2 IMG{width: 95% !important;}
.article .read img {width: 95% !important; height: auto !important;}
}
@media only screen and (max-width: 700px) {

}
@media only screen and (max-width: 600px) {
	.post6 ul li{width: 50%;}
}
@media only screen and (max-width: 500px) {
	.post1 ul li{width: 100%;}
	.post .news-list .news .news-title{width: 100%;}
	.post .news-list .news .news-date{display: none;}
.skidder-viewport .skidder-pager{top:85%;}
.article video{max-width:100%;}
}
@media only screen and (max-width: 400px) {
	.post6 ul li{width: 100%;}
}
@media only screen and (max-width: 350px) {
	
}